/**
 * 学习目标：React行内样式设置
 */
import React from 'react';
import ReactDOM from 'react-dom';

//  语法：行内样式 style={css属性对象}
// 💥css属性名碰到连字符，需要转驼峰命名
// 💥React不支持'background-color'
const divNode = (
  <h1
    style={{
      color: 'green',
      backgroundColor: 'pink',
    }}
  >
    Hello 69
  </h1>
);

ReactDOM.render(divNode, document.getElementById('root'));
